<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全局变量</title>
</head>
<body>
    <script>
        // 情况1：
        // let shuilongtou = '自来水'
        // function lanmeng(){
        //     let shuilongtou = '可乐'
        // }
        // lanmeng()

        // console.log(shuilongtou) // '自来水'


        // 情况2
        // let shuilongtou = '自来水'
        // function lanmeng(){
        //     shuilongtou = '可乐'
        // }
        // lanmeng()
        // console.log(shuilongtou) 

        // 情况3：
        // function lanmeng(){
        //     let shuilongtou = '可乐'
        //     console.log(shuilongtou) 
        // }
        // shuilongtou = '自来水'

        // lanmeng()


        // 情况4
        let shuilongtou = '自来水'
        function lanmeng(yinliao){
            let shuilongtou = '可乐'
            if(yinliao) {
                shuilongtou = yinliao
            }
            console.log(shuilongtou)
        }
        // 调用多少次，就会有多少个局部变量，互相独立、互不影响
        lanmeng('橙汁')
        lanmeng()
        // lanmeng()


    </script>
</body>
</html>